<template>
     <div>
       <div class="">你选中的值是：<span v-text="selected"></span><span v-text="selectmonth"></span><span v-text="selectday"></span></div>
       <select-picker v-bind:currentdate = 'currentdate' v-bind:mindate="mindate" @select="getSelectValue" @selectmonth="getSelectMonthValue" @selectday="getSelectDayValue"></select-picker>
        <!-- <select-column @select="getSelectMonthValue"></select-column>
        <select-column @select="getSelectDayValue"></select-column> -->
    <!-- </div> -->
     </div>
</template>
<script>
import SelectPicker from './components/SelectPicker';
  export default {
    name: 'DatePicker',
    data() {
      return {
          selected: '',
          selectmonth: '',
          selectday: '',
          currentdate: '2018-09-29',
          mindate: '2010-12-02',
      }
    },
      components: {
    SelectPicker,
  },
     mounted() {
    },
  methods: {
    getSelectValue(value) {
      this.selected = value;
      console.log(this.selected, 'select');
    },
    getSelectMonthValue(value) {
      this.selectmonth = value;
      console.log(this.selectmonth, 'selectmonth');
    },
    getSelectDayValue(value) {
      this.selectday = value;
      console.log(this.selectday, 'selectday');
    }
  },

  }
</script>
<style>
  
</style>